.overview_body {
    width: 100%;
    float: left;

    .number {
        width: calc(100% - 14px);
        float: left;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 0px 7px;
        box-sizing: border-box;
        background-color: #fff;
        box-shadow: 0px 0px 20px #ccc;

        .data_box {
            min-width: 200px;
            float: left;
            margin: 7px;
            padding: 5px 15px;
            box-sizing: border-box;
            flex-direction: column;


            .box {
                width: 100%;
                float: left;
                flex-direction: column;

                .box_title {
                    width: 100%;
                    float: left;

                    .icon {
                        width: 20px;
                        height: 20px;
                        float: left;
                        margin-right: 5px;
                    }

                    .title {
                        float: left;
                        font-size: 13px;
                        color: #666;
                    }
                }

                .data {
                    width: 100%;
                    float: left;
                    font-size: 35px;
                    font-weight: bolder;
                    text-shadow: 0px 2px 3px #abc;
                    margin-bottom: 10px;
                }
            }

            .box:nth-child(2) .data {
                font-size: 30px;
            }

            .box:nth-child(3) .data {
                font-size: 27px;
            }

            .box:nth-child(4) .data {
                font-size: 24px;
            }

            .box:nth-child(5) .data {
                font-size: 21px;
            }

            .box:nth-child(6) .data {
                font-size: 17px;
            }
        }

    }

    .tbody {
        width: calc(100% - 14px);
        float: left;
        padding: 0px 10px;
        margin: 14px 7px;
        box-sizing: border-box;
        box-shadow: 0px 0px 20px #ccc;
        background-color: #fff;
        border-radius: 7px;

        .chart {
            width: calc(30vw - 14px);
            height: 22vw;
            float: left;
            font-size: 14px;
            overflow: hidden;
            margin: 10px 5px;
            padding: 0px 10px;
            box-sizing: border-box;
            flex-direction: column;
            border-radius: 15px;
            background-color: #f1f1f177;
        }
    }

    /* 自适应适配屏幕 .media */
    @media all and (max-width:720px) {
        .media {
            display: block;
            width: calc(100% - 20px);

            .box .chart {
                min-width: 300px;
                min-height: 250px;
                box-sizing: border-box;
                overflow: hidden;
            }
        }

    }
}